<template>
    <div class="app-container">
 <el-table  
    :data="list"
    stripe
    style="width: 100%">
    <el-table-column
      prop="loginTime"
      label="日期"
      width="180">
    </el-table-column>
    <el-table-column
      prop="nickName"
      label="姓名"
      width="180">
    </el-table-column>
    <el-table-column
      prop="username"
      label="地址">
    </el-table-column>
  </el-table>
    <button-counter></button-counter>
    </div>

</template>


 <script>
  import {fetchList } from '@/api/demo' 
  export default {
 
   

    data() {
      return {
        list:[],
        tableData: [{
          date: '2016-05-02',
          name: '王小虎',
          address: '上海市普陀区金沙江路 1518 弄'
        }, {
          date: '2016-05-04',
          name: '王小虎',
          address: '上海市普陀区金沙江路 1517 弄'
        }, {
          date: '2016-05-01',
          name: '王小虎',
          address: '上海市普陀区金沙江路 1519 弄'
        }, {
          date: '2016-05-03',
          name: '王小虎',
          address: '上海市普陀区金沙江路 1516 弄'
        }]
      }
    },
    created(){
      this.getList();
    },
    methods:{
        getList() {
        this.listLoading = true;
        fetchList(this.listQuery).then(response => {
          this.listLoading = false; 
          this.list = response.data.records; 
          this.total = response.data.total;
          this.totalPage = response.data.pages;
          this.pageSize = response.data.size;
        });
      },
    }
  }
</script>
 